<template>
  <div class="upload-file">
    <div class="file-name">
      学习月活动.pptx
    </div>
    <div class="progress">
      <div class="staus">
        上传中
      </div>
      <a-progress class="speed" :percent="100" strokeColor="#265cff"/>
    </div>
  </div>
</template>

<script>
export default {
  
}
</script>

<style lang="less" scoped>
.upload-file {
  display: flex;
  align-items: center;
  font-size: 12px;

  .file-name {
    font-weight: 400;
    color: #265CFF;
  }
  .progress {
    margin-left: 18px;
    display: flex;
    align-items: center;
    
    .staus{
      color: #999999;
      margin-right: 12px;
    }
    .speed {
      width: 201px;
      /deep/ .ant-progress-text {
        font-size: 12px;
      }
      /deep/ .anticon-check-circle {
        color: #265cff;
      }
    }
  }
}
</style>
<<<<<<< HEAD
=======



>>>>>>> 4d9cadae60f2fbcd69e3e39ea9f5d89b9e35c9c4
